<!DOCTYPE html>
<html style="overflow-x:hidden;overflow-y:auto;">
	<head>
		<title>菜单导航</title>
		[#include "/admin/include/header.htm"]
		<script type="text/javascript"> 
			$(document).ready(function() {
				$(".accordion-heading a").click(function(){
					$('.accordion-toggle i').removeClass('icon-chevron-down');
					$('.accordion-toggle i').addClass('icon-chevron-right');
					if(!$($(this).attr('href')).hasClass('in')){
						$(this).children('i').removeClass('icon-chevron-right');
						$(this).children('i').addClass('icon-chevron-down');
					}
				});
				$(".accordion-body a").click(function(){
					$("#menu li").removeClass("active");
					$("#menu li i").removeClass("icon-white");
					$(this).parent().addClass("active");
					$(this).children("i").addClass("icon-white");
				});
				$(".accordion-body a:first i").click();
			});
		</script>
	</head>
	<body>
		
	<div class="accordion" id="menu">
		[#assign firstMenu=true]
		[#list menuList as m]
			<div class="accordion-group">
			    <div class="accordion-heading">
			    	<a class="accordion-toggle" data-toggle="collapse" data-parent="#menu" href="#collapse${m.menuId}" title=""><i class="icon-chevron-[#if firstMenu]down[#else]right[/#if]"></i>&nbsp;${m.menuName!}</a>
			    </div>
				<div id="collapse${m.menuId}" class="accordion-body collapse [#if firstMenu]in[/#if]">
						<div class="accordion-inner">
							<ul class="nav nav-list">
							  [#list m.childMenus as cm]
							  		[#if cm_index==0] [#assign firstMenu=false][/#if]
									<li><a href="${base}${cm.linkUrl!'#'}" target="mainFrame" ><i class="icon-[#if cm.icon?? && cm.icon != '']${cm.icon}[#else]list[/#if]"></i>&nbsp;${cm.menuName!}</a></li>
							  [/#list]
							</ul>
						</div>
				</div>
			</div>
		[/#list]
	</div>

	</body>
</html>
